<template>
  <div>
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="培训需求" name="trainingNeeds"
        ><trainingNeeds
      /></el-tab-pane>
      <el-tab-pane label="年度培训计划" name="annualPlan"
        ><annualPlan
      /></el-tab-pane>
      <el-tab-pane label="月度培训计划" name="monthlyPlan"
        ><monthlyPlan
      /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import trainingNeeds from "../../components/train/trainingNeeds";
import annualPlan from "../../components/train/annualPlan";
import monthlyPlan from "../../components/train/monthlyPlan";
export default {
  name: "TrainYearplan",
  data() {
    return {
      activeName: "trainingNeeds",
    };
  },
  components: {
    trainingNeeds,
    annualPlan,
    monthlyPlan
  },
};
</script>

<style>
</style>